<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>极速问诊</title>
    <link rel="stylesheet" href="./iconfont/iconfont.css" />
    <link rel="stylesheet" href="./css/index.css" />
  </head>

  <body>
    <!-- 头部 -->
    <header>
      <a href="#" class="back"><span class="iconfont icon-left"></span></a>
      <h5>极速问诊</h5>
      <a href="#" class="note">问诊记录</a>
    </header>
    <!-- banner -->
    <img src="./assets/entry.png" alt="" />
    <div class="middle">
      <p class="time">20s</p>
      <p>快速匹配专业医生</p>
    </div>
    <!-- 问诊类型 -->
    <div class="type">
      <div class="type-left">
        <img src="./assets/type01.png" alt="" />
        <div class="type-txt">
          <p class="txt-title">三甲图文问诊</p>
          <p class="txt-info">三甲主治及以上级别医生</p>
        </div>
      </div>
      <span class="iconfont icon-right"></span>
    </div>
    <div class="type">
      <div class="type-left">
        <img src="./assets/type02.png" alt="" />
        <div class="type-txt">
          <p class="txt-title">普通图文问诊</p>
          <p class="txt-info">二甲主治及以上级别医生</p>
        </div>
      </div>
      <span class="iconfont icon-right"></span>
    </div>
    <script src="./js/flexible.js"></script>
  </body>
</html>
